<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="https://wrmdcxy.gitee.io/jquery/jquery.js"></script>
        <link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/mdui/0.4.3/css/mdui.min.css">
        <script src="https://cdnjs.loli.net/ajax/libs/mdui/0.4.3/js/mdui.min.js"></script><!-- 这是我优化ui用的东西，不能删 -->
        <script type="text/javascript">var langnow='chn'</script>
        <title>guimaker官网</title>
        <link rel="icon" href="./static/favicon.ico">
        <script type="text/javascript">
            $(document).ready(()=>{
                $(".lang-ch").hover(()=>{
                    $(".langs").slideDown(200)
                },()=>{
                    $(".langs").hover(()=>{},()=>{$(".langs").slideUp(200)})
                    $("body").hover(()=>{$(".langs").slideUp(200)},()=>{})
                });

                $(".zh-cn").hover(()=>{
                    $(".zh-cn").css("background-color","rgb(239,239,240)")
                },()=>{
                    $(".zh-cn").css("background-color","#fff")
                });

                $(".eng").hover(()=>{
                    $(".eng").css("background-color","rgb(239,239,240)")
                },()=>{
                    $(".eng").css("background-color","#fff")
                });

                $(".zh-cn").click(()=>{
                    if (langnow!='chn'){
                        $("#index-page-eng").show(0,()=>{
                            $(".lang-ch").text("语言")
                            $("title").text("guimaker官网")
                            $("#index-page-cn").animate({height:'toggle'});
                            $("#index-page-eng").animate({height:'toggle'});
                            langnow='chn'
                        });
                    }else{
                        $(".langs").slideUp(200);
                    }
                });

                $(".eng").click(()=>{
                    if (langnow!='english'){
                        $("#index-page-cn").show(0,()=>{
                            $(".lang-ch").text("language")
                            $("title").text("guimaker website")
                            $("#index-page-eng").animate({height:'toggle'});
                            $("#index-page-cn").animate({height:'toggle'});
                            langnow='english'
                        });
                    }else{
                        $(".langs").slideUp(200);
                    }
                });
            });
        </script>
        <style type="text/css">
            .langs{
                padding: 15px;
                font-size: 17px;
                list-style: none;
                border: 1px;
                box-shadow: 0 0 3px #000;
                width: 120px;
                right: 25px;
                position: fixed;
                border-radius: 0 0 3px 3px;
                z-index:2;
                top: 66px;
                display: none;
                background-color: #fff;
                line-height: 28px;
            }
            .langs>li{cursor: pointer;}
        </style>
    </head>
    <div class="mdui-appbar mdui-appbar-fixed">
        <div class="mdui-toolbar mdui-color-blue">
            <a href="javascript:;" class="mdui-typo-headline"><img width="10%" src="./static/logo.png" >Guimaker</a>
            <a style="right:110px;text-decoration: none;position :absolute;color: #fff" href="javascript:;" class="lang-ch">语言</a>
        </div>
    </div><br><br><br><br>
    <div class="langs">
        <li class="zh-cn">简体中文</li>
        <li class="eng">English</li>
    </div>
    <body>
        <!-- # # # # # index-page-chinese # # # # # -->
        <div id="index-page-cn">
            <style type="text/css">
                .tag {
                    border-radius: 6px;
                    background-color: cornflowerblue;
                    border: #6495ED solid 1px;
                    color: aliceblue;
                    width: 46px;
                    text-align: center;
                }
            </style>
            <script type="text/javascript">
                $(document).ready(()=>{
                    $("#download-btn").click(()=>{
                        $("#index-page").fadeOut(750,()=>{
                            $("#download-page").fadeIn(750);
                        });
                    });
                    $("#download-no").click(()=>{
                        $("#download-page").fadeOut(750,()=>{
                            $("#index-page").fadeIn(750);
                        });
                    });
                    $("#download-sure").click(()=>{
                        $("#download-page").fadeOut(750,()=>{
                            $("#index-page").fadeIn(750);
                        });
                    });
                });
            </script>
            <!--下面是主页的内容-->
            <div class="mdui-typo mdui-container" style="text-align: center;" id="index-page">
                <p style="font-size: 50px;color: red;text-align: center;margin: 10px 30px 30px;user-select:none;"><strong>guimaker基本整改完毕，准备出新版本</strong></p>
                <br>
                <a class="mdui-btn" id="download-btn">立即下载</a><br><br>
                <a href="versions.html" class="mdui-btn">更多版本</a><br><br>
                <a href="ai.html" class="mdui-btn">扩展AI</a>
                <br>
                <h2>介绍</h2>
                <p>guimaker由1048576，2097152和Toby共同开发，是一个基于tkinter的<span style="color:red">简易、轻量级的</span>Python gui。使用它，您可以轻松的写出一个GUI程序。</p>
                <br>
                <p>如果你会easygui，guimaker里也有easygui的功能（如msgbox、inputbox、ynbox、ccbox……）</p>
                <a href="more.html" class="mdui-btn">了解更多</a><br><br>
                <a href="future.html" class="mdui-btn">下一个版本的功能</a>
            </div>
            <!--下面是downloader.html的内容-->
            <div id="download-page" style="display: none;">
                <style type="text/css">
                    #download-sure{margin:30px 10px 10px 300px;width: 150px;height: 75px;border-radius: 10px;background-color: #88aaff;font-size: 1.5rem;}
                    #download-no{margin:30px 10px 10px 450px;width: 150px;height: 75px;border-radius: 10px;background-color: #ff8800;font-size: 1.5rem;}
                </style>
                <p style="font-size: 28px;color: red;text-align: center;margin: 10px 30px 30px"><strong>guimaker虽然已经大整改完毕，但不是最终版本，只能满足一些简单的GUI，确认要现在就下载吗？</strong></p>
                <br>
                <table>
                    <tr>
                        <td><a href="https://gitee.com/index-1048576/guimaker/attach_files/393425/download"><button id="download-sure">我确认！</button></a></td>
                        <td><button id="download-no">再想想</button></td>
                    </tr>
                </table>
            </div>
        </div>
        <!-- # # # # # end # # # # #-->


        <!-- # # # # # index-page-english # # # # # -->
        <div id="index-page-eng" style="display: none">
            <style type="text/css">
                .tag {
                    border-radius: 6px;
                    background-color: cornflowerblue;
                    border: #6495ED solid 1px;
                    color: aliceblue;
                    width: 46px;
                    text-align: center;
                }
            </style>
            <script type="text/javascript">
                $(document).ready(()=>{
                    $("#download-btn-e").click(()=>{
                        $("#index-page-e").fadeOut(750,()=>{
                            $("#download-page-e").fadeIn(750);
                        });
                    });
                    $("#download-no-e").click(()=>{
                        $("#download-page-e").fadeOut(750,()=>{
                            $("#index-page-e").fadeIn(750);
                        });
                    });
                    $("#download-sure-e").click(()=>{
                        $("#download-page-e").fadeOut(750,()=>{
                            $("#index-page-e").fadeIn(750);
                        });
                    });
                });
            </script>
            <!--下面是主页的内容-->
            <div class="mdui-typo mdui-container" style="text-align: center;" id="index-page-e">
                <p style="font-size: 30px;color: red;text-align: center;margin: 10px 30px 30px;user-select:none;"><strong>guimaker has basically completed the rectification and is ready for the new version</strong></p>
                <br>
                <a class="mdui-btn" id="download-btn-e">DOWNLOAD NOW</a><br><br>
                <a href="versions.html" class="mdui-btn">MORE VERSIONS</a><br><br>
                <a href="ai.html" class="mdui-btn">Extension AI</a>
                <br>
                <h2>Introduce</h2>
                <p>Guimaker, developed by 1048576,2097152,and Toby, is a <span style="color:red">simple, lightweight</span> Python GUI based on tkinter. Using it, you can easily write a GUI program.</p>
                <br>
                <p>If you using easygui, there are also easygui functions in guimaker (such as msgbox, inputbox, ynbox, ccbox...)</p>
                <a href="more.html" class="mdui-btn">MORE ABOUT THIS</a><br><br>
                <a href="future.html" class="mdui-btn">Features of next version</a>
            </div>
            <!--下面是downloader.html的内容-->
            <div id="download-page-e" style="display: none;">
                <style type="text/css">
                    #download-sure-e{margin:30px 10px 10px 300px;width: 150px;height: 75px;border-radius: 10px;background-color: #88aaff;font-size: 1.5rem;}
                    #download-no-e{margin:30px 10px 10px 450px;width: 150px;height: 75px;border-radius: 10px;background-color: #ff8800;font-size: 1.5rem;}
                </style>
                <p style="font-size: 28px;color: red;text-align: center;margin: 10px 30px 30px"><strong>Although guimaker has been largely rectified, it is not the final version, which can only meet some simple GUI programs. Do you want to download it?</strong></p>
                <br>
                <table>
                    <tr>
                        <td><a href="https://gitee.com/index-1048576/guimaker/attach_files/393425/download"><button id="download-sure-e">sure</button></a></td>
                        <td><button id="download-no-e">no</button></td>
                    </tr>
                </table>
            </div>
        </div>
        <!-- # # # # # end # # # # # -->
    </body>
</html>